@primary-color : #3399FF;

.task-top-bar {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    width          : 100%;

    border          : 1px solid @primary-color;
    padding         : 15px 24px;
    background-color: fade(@primary-color, 8%);

    .label-txt {
        color: #3399FF;
    }

    .txt {
        color: #FF4C52;
    }
}

.task-top-bar-normal {
    padding         : 15px 24px;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    width           : 100%;
    background-color: #fff;
    border          : 1px solid #E5E5E5;

    .label-txt {
        color: #909399;
    }

    .txt {
        color: #303133;
    }
}